<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">
	<head>
		<title>..:: eACS - edgeBOX Auto Configuration Server ::..</title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<link rel="stylesheet" type="text/css" href="/css/styles.css" />
		<link rel="stylesheet" type="text/css" href="/css/ext-all.css" />
		<script type="text/javascript" src="/js/prototype.js"></script>
		<script type='text/javascript' language='JavaScript' charset='utf-8'>
			function checkEnter(e)
			{ 
				if(e && e.which)	//if which property of event object is supported (NN4)
					return (e.which == 13); //character code is contained in NN4's which property
				else
					return (e.keyCode == 13); //character code is contained in IE's keyCode property
			}
		</script>
	</head>
	<body>

		<div id="main" style="position: absolute; top: 0px; left: 0px; width: 100%;" >
			<div id="header">
				<div id="contentMenu" class="menu">
					<a href="index.html"><img src="images/img_topo.gif"/></a>
				</div>			
			</div>
			
			<div id="container">
				<div style="padding-left: 20px">
					<br/><p class="text" style="padding-left: 5px; font-weight: bold;">edgeBOX Auto Configuration Server</p><br/>
					<p class="text" style="padding-left: 5px; 18px; font-weight: bold;">Restrict Access</p><br/>
		
					<table cellspacing="0" cellpadding="0" style="padding-left: 100px;">
						<tr>
							<td class="formText" >&nbsp;&nbsp;user name:&nbsp;&nbsp;&nbsp;&nbsp;</td>
							<td><input style="width:200px;" id="login" type="text" class="inputTextSign" onkeypress="javascript: if(checkEnter(event)){$('loading').style.visibility='visible'; window.location='/login?user='+$('login').value+'&pass='+$('pass').value+'&url=/index.html';}" /></td>
						</tr>
						<tr>
							<td class="formText">&nbsp;&nbsp;password:</td>
							<td><input style="width:200px;" id="pass" type="password" class="inputTextSign" onkeypress="javascript: if(checkEnter(event)){$('loading').style.visibility='visible'; window.location='/login?user='+$('login').value+'&pass='+$('pass').value+'&url=/index.html';}" /></td>
						</tr>
						<tr>
							<td class="formText"></td>
							<td>
								<div style="padding-left: 40px">
									<input type="button" value="login" style="width:120px;" onclick="javascript: $('loading').style.visibility='visible'; window.location='/login?user='+$('login').value+'&pass='+$('pass').value+'&url=/index.html';" />
								</div>
							</td>
						</tr>
					</table>
					<div id="loginMessage" style="padding-left: 100px">
					</div>
				</div>
			<br/>
			
			</div>

			<div id="footer">
				<hr></hr>	
				<span style="padding-left: 10px;font-family: verdana, helvetica, sans-serif; font-size: 12px;color: #656567;text-align: left;">&#169; edgeBOX Auto Configuration Server 1.0b | 2011 Critical Links</span>		
			</div>
		
		</div>
		
		<div id="history" style="visibility: hidden;">
			<form id="history-form" class="x-hidden">
				<input type="hidden" id="x-history-field"/> 
				<iframe id="x-history-frame"></iframe>
			</form>
		</div>

		<div id="loading" class="blackBackgroundContainer" style="visibility: hidden;">
			<div class="popupBackground">
				<div class="popupBackgroundLoading">
				Loading Page...<br><img src="images/aguarde.gif">
				</div>
			</div>
		</div>

	</body>
</html>